@import "_base.scss";
body{
    width: vw(750);
    height: vw(1366);
    // background-color: red;
    margin: auto;
}
.classification_top{
    width: vw(725);
    height: vw(80);
    // background-color: pink;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    .classification_column{
        width: vw(704);
        height: vw(60);
        // background-color: skyblue;
        display:flex;
        justify-content:space-between;
      .column_center{
          width: vw(159);
          height: vw(56);
        //   background-color: pink;
          display: flex;
          a{
              width: vw(123);
              height: vw(50);
              display:block;
              text-decoration: none;
              text-align:center;
              line-height: vw(57);
              border:#ff9344 vw(2) solid;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
    border-radius:vw(20);
    
          }
          span{
            font-family: MicrosoftYaHei;
            font-size: vw(26);
            color: #000000;
            line-height: vw(57);
            margin:auto;
          }
      }
    }
    
    .column_center_1{
        width: vw(159);
        height: vw(56);
        // background-color: pink;
        display: flex;
        
	    font-family: MicrosoftYaHei;
	    font-size: vw(26);
	    color: #000000;
        justify-content:space-around;
        align-items: center;
        img{
            width: vw(32);
            height: vw(16);
        }
    }
}
.search_box{
    width: vw(704);
    height: vw(57);
    margin:auto;
    display: flex;
    justify-content:space-around;
    .search_text{
        width: vw(266);
        height: vw(51);
        background-color: #ffffff;
	    border: solid 2px #ff9344;
        border-radius:vw(30);
        display: flex;
    justify-content:space-around;
    align-items: center;
        input{
        width: vw(168);
        height: vw(20);
        border: none;
      
	
	font-family: MicrosoftYaHei;
	font-size: vw(24);
	
	color: #777777;
        }
        img{
            width: vw(29);
            height: vw(30);
        }
    }
}
.search_domain{
    width: vw(512);
    height: vw(171);
    // background-color: pink;
    margin:auto;
    margin-top: vw(33);
    
    .domain_text{
    width: vw(512);
    height: vw(26);
    display: flex;
    justify-content:center;
    margin-bottom: vw(10);
        p{
        font-family: MicrosoftYaHei;
        font-size: vw(26);
       
        color: #000000;
        }
    }
    
}
.search_choice{
    width: vw(512);
    height: vw(145);
    display:flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    .choice_content{
        width: vw(125);
	height: vw(64);
	background-color: #dcdcdc;
    display: flex;
    justify-content:center;
    align-items: center;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #898989;
    }
}
////////
.discount_buying_2{
    width: vw(708);
    height: vw(60);
    // background-color:yellow;
    
    display: flex;
        justify-content:space-between;
        flex-direction:row;
        margin-top: vw(20);
    .dc_3{
        width: vw(200);
        height: vw(60);
        // background-color: #87ceeb;
        display: flex;
        
        justify-content:center;
        img{
        width: vw(32);
        height: vw(47);
        }
        span{
            line-height:vw(60);
            margin-left: vw(8);
	font-family: MicrosoftYaHei;
	font-size: vw(30);
    }
}
   .dc_4{
    width: vw(180);
    height: vw(60);
    // background-color: #87ceeb;
    display: flex;
    flex-direction:row;
    justify-content:flex-end;

    img{
    width: vw(25);
    height: vw(26);
    margin-top: vw(17);
    }
    span{
        line-height:vw(60);
font-family: MicrosoftYaHei;
font-size: vw(24);

color: #000000;
margin-right: vw(8);
    }
   }
}
/////公共部位
.deliciousfood_tu{
    width: vw(708);
    height: vw(360);
    margin:auto;
    display:flex;
    
    justify-content:space-around;

    img{
        width: 100%;
        height: 100%;
    }
    .tu_1{
        width:vw(280);
        height: vw(352);
    }
    .tu_2{
        width:vw(420);
        height: vw(352);
        // background-color:red;
        display:flex;
        justify-content:space-around;
        flex-wrap: wrap;
        .tu_3{
            width:vw(420);
            height: vw(147);
        }
        .tu_4{
            width:vw(195);
            height: vw(197);
        }
        .tu_5{
            width:vw(211);
            height: vw(197);
        }
    }
}
.discount_buying_3{
    width: vw(708);
    height: vw(60);
    // background-color:yellow;
    
    display: flex;
        justify-content:space-between;
        flex-direction:row;
        margin-top: vw(20);
    .dc_3{
        width: vw(200);
        height: vw(60);
        // background-color: #87ceeb;
        display: flex;
        justify-content:center;
        img{
        width: vw(41);
        height: vw(40);
        }
        span{
            line-height:vw(40);
            margin-left: vw(8);
	font-family: MicrosoftYaHei;
	font-size: vw(30);
    }
}
   .dc_4{
    width: vw(180);
    height: vw(60);
    // background-color: #87ceeb;
    display: flex;
    flex-direction:row;
    justify-content:flex-end;

    img{
    width: vw(25);
    height: vw(26);
    margin-top: vw(17);
    }
    span{
        line-height:vw(60);
font-family: MicrosoftYaHei;
font-size: vw(24);

color: #000000;
margin-right: vw(8);
    }
   }
}
.option_tu{
    width: vw(710);
    height: vw(210);
}
.option{
    width: vw(710);
    height: vw(140);
    // background-color: pink;
    margin: auto;
    display: flex;
    justify-content:space-around;
    margin-top: vw(10);
    .option_content{
        width: vw(220);
        height: vw(200);
       
    }
    img{
        width: 100%;
        height: 100%;
    }
}
footer{
    width: vw(750);
    height: vw(150);
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    position:fixed;
        position:start;
        bottom:0;
        z-index:10;
    .bottom_classification{
         width: vw(652);
         height: vw(107);
        //  background-color: pink;
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         text-align: center;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
         img{
             width: 100%;
             height: 100%;
         }
        }
        .classification_center{
            width: vw(75);
            height: vw(100);
            // background-color: red;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
}